.site-nav {
    @include pxRem(padding-top, $fontSize * 1.875 * 1px);
    display: inline-block;
    color: $purewhite;

    & > ul {
        margin: 0;
        padding: 0;
        @include pxRem(padding-right, $fontSize * 1px);
        border-right: 1px dotted;
        color: $red;

        & > li {
            display: inline-block;
            @include pxRem(padding-left, $fontSize * 1px);

            & > a {
                position: relative;
                font-family: $fontStack;
                @include pxRem(font-size, $fontSize * 1.25 * 1px);
                font-weight: 600;
                text-decoration: none;
                text-transform: lowercase;
                color: $red;

                &:hover {
                    color: lighten($red, 30);
                    bottom: 2px;
                    text-decoration: underline;
                }
            }
        }
    }
}
